/**
 * + 当用户勾上“全选”时，自动选中所有语言，并把“全选”变成“全不选”；

+ 当用户去掉“全不选”时，自动不选中所有语言；

+ 当用户点击“反选”时，自动把所有语言状态反转（选中的变为未选，未选的变为选中）；

+ 当用户把所有语言都手动勾上时，“全选”被自动勾上，并变为“全不选”；

+ 当用户手动去掉选中至少一种语言时，“全不选”自动被去掉选中，并变为“全选”。
 * 
 */
// 当用户勾上“全选”时，自动选中所有语言，并把“全选”变成“全不选”；
let from = $("#test-from")
    selectAll = $(".selectAll :checkbox");
    deselectAll = $(".deselectAll");
    list = $("[name=lang]");
    spanAll = $($(".selectAll")[1]);
    invertSelect = $(".invertSelect");
deselectAll.hide();
console.log(invertSelect);
selectAll.click(()=>{
    console.log(selectAll.prop("checked"));
    list.prop("checked",selectAll.prop("checked"));
    if(selectAll.prop("checked")){
        spanAll.hide();
        deselectAll.show();
    }else{
        spanAll.show();
        deselectAll.hide();
    }
})

invertSelect.click(()=>{
    list.click()
})



list.click(()=>{
    $(this).change(()=>{
        if($('[name=lang]:checked').length==5){
            selectAll.prop("checked",true);
            spanAll.hide();
            deselectAll.show();
        }else{
            selectAll.prop("checked",false);
            spanAll.show();
            deselectAll.hide();
        }
    })
})




